﻿@import "../_theme";

#page-wraper {
    height:100%;
    overflow-y:auto;
}

#top-searchbar {
    height: $TopHeight*2;
    line-height: $TopHeight;
    box-shadow: 0 0 5px 0 black;
    background-color: white;
    position:fixed;
    top:0;
    left:0;
    z-index:3;
    & > .row {
        height: 100%;

        & > div {
            height: 100%;
            overflow: hidden;
        }
    }
}

#navi-search{
    height:$TopHeight;
}

#site-logo-wraper {
    height:$TopHeight;
    margin-top:$TopHeight/2;
}

#logo-finder {
    height: 100%;
    width: 100%;
    background-image: url('/UI/imgs/vi/logo-finder.png');
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
}

#user-links {
    float: left;
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    font-size: 1.4rem;

    & > a {
        padding: 0 10px;

        &:hover {
            color: $ClrFocus;
        }
    }
}

#user-tools {
    height: $TopHeight;
    margin-top: $TopHeight/2;
    overflow: hidden;

    & > a {
        float: left;
        padding: 0 1rem;
        font-size: 1.6rem;
        max-width: 18rem;
        word-break: break-all;
        overflow: hidden;

        & > img {
            height: $TopHeight;
            width: $TopHeight;
            padding: .5rem;
            border-radius: $TopHeight/2;
            float: left;
        }

        & > i {
            color: $ClrTheme;
        }

        &.focus {
            color: $ClrFocus;
            background-color: $ClrThemeBk;
            transition: background-color,color ease-out .3s;

            &:hover {
                color: $ClrFocusTxt;
                background-color: $ClrFocus;
            }
        }

        &:hover, &.active {
            color: $ClrTheme;
            background-color: $ClrThemeBk;

            & > i {
                &:before {
                    color: $ClrTheme;
                }
            }
        }
    }
}

#key-finder {
    width: 50%;

    & > input {
        height: $TopHeight/1.5;
        line-height: $TopHeight/1.5;
        width:60%;
    }

    & > button {
        height: $TopHeight/1.5;
        line-height: $TopHeight/1.5;
    }
}

#cnt-wraper {
    margin:$TopHeight*2 0 2rem 0;
    height:auto;
}

#items-finder {
    height: auto;
    min-height: 60rem;

    & > ul {
        height: 100%;

        & > li {
            margin: 15px 0 10px 0;
        }
    }

    &.isLoading {
        height: 40rem;
        min-width: 40rem;
        background-image: url('/UI/imgs/vi/loading.gif');
        background-position: center;
        background-repeat: no-repeat;
    }
}
.ord-info {
    line-height: 2rem;
    padding-left:5rem;

    & h6{
        color:lighten($ClrThemeTxt,15);
        padding:5px 0;
    }
}
.logo{
    width:4rem;
    height:4rem;
    position:absolute;
    left:0;
    top:1rem;
}
.certify{
    color:$ClrFocus;
}

.bid-info {
    line-height: 2rem;

    & h6 {
        color: lighten($ClrThemeTxt,15);
        padding: 5px 0;
    }
}

.nodata{
    height:30rem;
    background-image:url('/UI/imgs/fail-submit.png');
    background-position:0 0;
    background-repeat:no-repeat;
    background-size:auto 20rem;
    padding-top:22rem;
}